<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <% include ./../basic/meta %>
    <title>RiteTrek锐助网</title>
    <% include ./../basic/publicCss %>
    <link href="css/customer/order/order.css" rel="stylesheet">
    <% include ./../basic/publicResJs %>
</head>
<body>
    <div class="container">
        <div class="row row-header">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 info">
                <a class="pull-left auto-sh" href="#">
                    <span class="glyphicon glyphicon-menu-left"></span>
                </a>
                <span class="auto-sh">我的订单</span>
                <a class="pull-right" href="#">
                    <span class="glyphicon glyphicon-exclamation-sign"></span>
                </a>
            </div>
        </div>
        <div class="row margin-top10-bottom10">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <a class="btn-margin btn" href="#">全部</a>
                <a class="btn-margin btn btn-default-ritetrek" href="#">已购买</a>
                <a class="btn-margin btn btn-default-ritetrek" href="#">已出售</a>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 margin-bottom-15">
                <div class="row order-col">
                    <div class="col-lg-4 col-md-4">
                        <div class="col-percent-35 float-left">
                            <a title="成为化学家的必要的知识准备和心理准备化学能够带给你的实质性帮助学成之后的职业规划">
                                <img src="http://ritetrek.com/data/uploads/service/good/27617556ed9679e565.jpg">
                            </a>
                        </div>
                        <div class="col-percent-65 float-left">
                            <div class="title">美国设计学院的申请咨询</div>
                            <div class="description">
                                帮您全面了解美国各设计学院的专业类型，学习生活环境和毕业学生发展。
                            </div>
                        </div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4 margin-top10-bottom10">
                        <div class="float-left order-dl">价格:<span>￥50.00</span></div>
                        <div class="float-left order-dl margin-left-20">预约时间:<span>2015-10-10 10:00</span></div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="order-dl">
                            留言:
                            <div class="message" id="message">
                                我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!
                            </div>
                        </div>
                        <div class="order-timer">
                            <button class="btn btn-enabled disabled timer datetime" end-time="2015-10-10 10:00">开始视频</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 margin-bottom-15">
                <div class="row order-col">
                    <div class="col-lg-4 col-md-4">
                        <div class="col-percent-35 float-left">
                            <a title="成为化学家的必要的知识准备和心理准备化学能够带给你的实质性帮助学成之后的职业规划">
                                <img src="http://ritetrek.com/data/uploads/service/good/27617556ed9679e565.jpg">
                            </a>
                        </div>
                        <div class="col-percent-65 float-left">
                            <div class="title">美国设计学院的申请咨询</div>
                            <div class="description">
                                帮您全面了解美国各设计学院的专业类型，学习生活环境和毕业学生发展。
                            </div>
                        </div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4 margin-top10-bottom10">
                        <div class="float-left order-dl">价格:<span>￥50.00</span></div>
                        <div class="float-left order-dl margin-left-20">预约时间:<span>2015-10-01 18:00</span></div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="order-dl">
                            留言:
                            <div class="message" id="message">
                                我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!
                            </div>
                        </div>
                        <div class="order-timer">
                            <button class="btn btn-enabled  disabled timer datetime" end-time="2015-10-01 18:00">开始视频</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 margin-bottom-15">
                <div class="row order-col">
                    <div class="col-lg-4 col-md-4">
                        <div class="col-percent-35 float-left">
                            <a title="成为化学家的必要的知识准备和心理准备化学能够带给你的实质性帮助学成之后的职业规划">
                                <img src="http://ritetrek.com/data/uploads/service/good/27617556ed9679e565.jpg">
                            </a>
                        </div>
                        <div class="col-percent-65 float-left">
                            <div class="title">美国设计学院的申请咨询</div>
                            <div class="description">
                                帮您全面了解美国各设计学院的专业类型，学习生活环境和毕业学生发展。
                            </div>
                        </div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4 margin-top10-bottom10">
                        <div class="float-left order-dl">价格:<span>￥50.00</span></div>
                        <div class="float-left order-dl margin-left-20">预约时间:<span>2015-10-10 10:00</span></div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="order-dl">
                            留言:
                            <div class="message" id="message">
                                我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!
                            </div>
                        </div>
                        <div class="order-timer">
                            <button class="btn btn-enabled  disabled timer datetime" end-time="2015-10-10 10:00">开始视频</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 margin-bottom-15">
                <div class="row order-col">
                    <div class="col-lg-4 col-md-4">
                        <div class="col-percent-35 float-left">
                            <a title="成为化学家的必要的知识准备和心理准备化学能够带给你的实质性帮助学成之后的职业规划">
                                <img src="http://ritetrek.com/data/uploads/service/good/27617556ed9679e565.jpg">
                            </a>
                        </div>
                        <div class="col-percent-65 float-left">
                            <div class="title">美国设计学院的申请咨询</div>
                            <div class="description">
                                帮您全面了解美国各设计学院的专业类型，学习生活环境和毕业学生发展。
                            </div>
                        </div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4 margin-top10-bottom10">
                        <div class="float-left order-dl">价格:<span>￥50.00</span></div>
                        <div class="float-left order-dl margin-left-20">预约时间:<span>2015-10-10 10:00</span></div>
                        <div class="clear-float-both"></div>
                    </div>
                    <div class="col-lg-4 col-md-4">
                        <div class="order-dl">
                            留言:
                            <div class="message" id="message">
                                我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!我准备了很久了，希望准时开始!
                            </div>
                        </div>
                        <div class="order-timer">
                            <button class="btn btn-enabled  disabled timer datetime" end-time="2015-10-10 10:00">开始视频</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <% include ./../basic/publicJs %>
    <script src="js/customer/order/order.js"></script>
</body>
</html>